<template>
<div class="Header">
<nav>
  <div class="img">
    <img src="/static/img/logo.png">
  </div>
  <ul class="menu">
    <li><router-link :to="{name:'article'}">文章</router-link></li>
    <li><router-link :to="{name:'whisper'}">微语</router-link></li>
    <li><router-link :to="{name:'lemess'}">留言</router-link></li>
    <li><router-link :to="{name:'photo'}">相册</router-link></li>
    <li><router-link :to="{name:'about'}">关于</router-link></li>
  </ul>
<p>欢迎来到香蕉君的博客~</p>
</nav>
  <router-view/>
</div>
</template>

<script>
    export default {
        name: "Header"
    }
</script>

<style lang="scss" scoped>
  @import "../assets/css/Header";
</style>
